<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学生选课系统 - 首页</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../css/home.css">
</head>
<body class="bg-gray-50 font-sans">

<!--*****************************登录成功主页面**********************************-->


  <!-- 顶部导航栏 -->
  <header class="bg-white shadow-md fixed w-full z-50 transition-all duration-300" id="navbar">
    <div class="container mx-auto px-4 py-3 flex items-center justify-between">
      <div class="flex items-center space-x-2">
        <i class="fa-solid fa-graduation-cap text-blue-600 text-2xl"></i>
        <h1 class="text-xl font-bold text-gray-800">学生选课系统</h1>
      </div>
      
      <nav class="hidden md:flex items-center space-x-6">
        <a href="../html/home.html" class="text-blue-600 font-medium hover:text-blue-800 transition-colors">首页</a>
        <!-- <a href="#" class="text-gray-600 font-medium hover:text-blue-800 transition-colors">选课</a>
        <a href="#" class="text-gray-600 font-medium hover:text-blue-800 transition-colors">课程表</a>
        <a href="#" class="text-gray-600 font-medium hover:text-blue-800 transition-colors">成绩查询</a> -->
      </nav>
      
      <div class="flex items-center space-x-4">
        <div class="relative">
          <button class="flex items-center space-x-2 focus:outline-none" id="userMenuBtn">
            <img src="https://picsum.photos/id/1005/40/40" alt="用户头像" class="w-8 h-8 rounded-full object-cover border-2 border-blue-500">
            <span class="hidden md:inline-block text-gray-700 font-medium">张三</span>
            <i class="fa-solid fa-angle-down text-gray-500"></i>
          </button>
          
          <!-- 用户下拉菜单 -->
          <div class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 hidden z-50" id="userMenu">
            <a href="../html/personalcenter.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
              <i class="fa-solid fa-user mr-2"></i>个人中心
            </a>
            <a href="../html/personalcenter.html" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
              <i class="fa-solid fa-cog mr-2"></i>账号设置
            </a>
            <div class="border-t border-gray-100 my-1"></div>
            <a href="../html/login.html" class="block px-4 py-2 text-sm text-red-600 hover:bg-gray-100">
              <i class="fa-solid fa-sign-out-alt mr-2"></i>退出登录
            </a>
          </div>
        </div>
        
        <button class="md:hidden focus:outline-none" id="mobileMenuBtn">
          <i class="fa-solid fa-bars text-gray-700 text-xl"></i>
        </button>
      </div>
    </div>
    
    <!-- 移动端菜单 -->
    <div class="md:hidden bg-white border-t border-gray-100 hidden" id="mobileMenu">
      <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
        <a href="../html/home.html" class="block px-3 py-2 rounded-md text-base font-medium text-blue-600 bg-blue-50">首页</a>
        <a href="../html/selectcoursecenter.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-blue-600 hover:bg-blue-50">选课</a>
        <a href="../html/coursetable.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-blue-600 hover:bg-blue-50">课程表</a>
        <a href="../html/gradesselect.html" class="block px-3 py-2 rounded-md text-base font-medium text-gray-600 hover:text-blue-600 hover:bg-blue-50">成绩查询</a>
      </div>
    </div>
  </header>

  <!-- 主内容区 -->
  <main class="container mx-auto pt-24 pb-12 px-4 md:px-6">
    <!-- 欢迎区域 -->
    <section class="bg-gradient-to-r from-blue-500 to-indigo-600 rounded-2xl shadow-lg p-6 md:p-8 mb-8 text-white">
      <div class="flex flex-col md:flex-row md:items-center justify-between">
        <div class="mb-6 md:mb-0">
          <h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-2">欢迎回来，张三同学</h2>
          <p class="text-blue-100 text-lg mb-4">这是2023-2024学年第一学期的选课阶段</p>
          <div class="flex flex-wrap gap-3">
            <a href="../course/course.html" class="px-4 py-2 bg-white text-blue-600 rounded-lg hover:bg-blue-100 transition-colors flex items-center">
              <i class="fa-solid fa-book mr-2"></i> 开始选课
            </a>
            <a href="../timetable/timetable.html" class="px-4 py-2 bg-blue-700 hover:bg-blue-800 text-white rounded-lg transition-colors flex items-center">
              <i class="fa-solid fa-calendar-alt mr-2"></i> 查看课表
            </a>
          </div>
        </div>
        
        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-5 w-full md:w-auto">
          <div class="flex items-center space-x-4">
            <div class="w-16 h-16 rounded-full bg-white/20 flex items-center justify-center">
              <i class="fa-solid fa-graduation-cap text-2xl"></i>
            </div>
            <div>
              <p class="text-blue-100 text-sm">已选学分</p>
              <p class="text-2xl font-bold">11.0 / 25.0</p>
            </div>
          </div>
          <div class="mt-4 w-full bg-white/20 rounded-full h-2">
            <div class="bg-white h-2 rounded-full" style="width: 44%"></div>
          </div>
          <p class="text-right text-xs text-blue-100 mt-1">已使用 44% 的学分额度</p>
        </div>
      </div>
    </section>
    
    <!-- 快捷功能 -->
    <section class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
      <a href="../html/selectcoursecenter.html" class="bg-white rounded-xl shadow-md p-4 hover:shadow-lg transition-all duration-300 flex flex-col items-center text-center group">
        <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mb-3 group-hover:bg-blue-200 transition-colors">
          <i class="fa-solid fa-book text-blue-600"></i>
        </div>
        <h3 class="font-medium text-gray-800">选课中心</h3>
        <p class="text-sm text-gray-500 mt-1">浏览并选择课程</p>
      </a>
      
      <a href="../html/mycollect.html" class="bg-white rounded-xl shadow-md p-4 hover:shadow-lg transition-all duration-300 flex flex-col items-center text-center group">
        <div class="w-12 h-12 rounded-full bg-green-100 flex items-center justify-center mb-3 group-hover:bg-green-200 transition-colors">
          <i class="fa-solid fa-heart text-green-600"></i>
        </div>
        <h3 class="font-medium text-gray-800">我的收藏</h3>
        <p class="text-sm text-gray-500 mt-1">查看已收藏课程</p>
      </a>
      
      <a href="../html/coursetable.html" class="bg-white rounded-xl shadow-md p-4 hover:shadow-lg transition-all duration-300 flex flex-col items-center text-center group">
        <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mb-3 group-hover:bg-purple-200 transition-colors">
          <i class="fa-solid fa-calendar-alt text-purple-600"></i>
        </div>
        <h3 class="font-medium text-gray-800">我的课表</h3>
        <p class="text-sm text-gray-500 mt-1">查看本学期课程表</p>
      </a>
      
      <a href="../html/courseevaluate.html" class="bg-white rounded-xl shadow-md p-4 hover:shadow-lg transition-all duration-300 flex flex-col items-center text-center group">
        <div class="w-12 h-12 rounded-full bg-yellow-100 flex items-center justify-center mb-3 group-hover:bg-yellow-200 transition-colors">
          <i class="fa-solid fa-graduation-cap text-yellow-600"></i>
        </div>
        <h3 class="font-medium text-gray-800">课程评价</h3>
        <p class="text-sm text-gray-500 mt-1">查看课程评价信息</p>
      </a>
    </section>
    
    <!-- 推荐课程 -->
    <section class="mb-8">
      <div class="flex justify-between items-center mb-4">
        <h2 class="text-xl font-bold text-gray-900">推荐课程</h2>
        <a href="../html/selectcoursecenter.html" class="text-blue-600 hover:text-blue-800 flex items-center">
          查看更多 <i class="fa-solid fa-angle-right ml-1"></i>
        </a>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
        <!-- 推荐课程卡片 1 -->
        <div class="bg-white rounded-xl shadow-md overflow-hidden transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
          <div class="relative">
            <img src="../images/homeimages/course1.jpg" alt="人工智能基础" class="w-full h-40 object-cover">
            <div class="absolute top-2 right-2 bg-blue-600 text-white text-xs font-medium px-2 py-1 rounded">
              热门
            </div>
          </div>
          <div class="p-4">
            <h3 class="font-bold text-gray-900 mb-1">人工智能基础</h3>
            <div class="flex items-center text-sm text-gray-500 mb-2">
              <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
              <span>王教授</span>
              <span class="mx-2">•</span>
              <i class="fa-solid fa-graduation-cap mr-1"></i>
              <span>计算机学院</span>
            </div>
            <p class="text-sm text-gray-600 mb-3 line-clamp-2">
              本课程介绍人工智能的基本概念、方法和应用，包括机器学习、神经网络、自然语言处理等内容。
            </p>
            <div class="flex justify-between items-center">
              <div class="flex items-center">
                <div class="flex text-yellow-400">
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star-half-stroke"></i>
                </div>
                <span class="ml-1 text-sm text-gray-600">4.5</span>
              </div>
              <a href="#" class="text-blue-600 hover:text-blue-800 text-sm font-medium">查看详情</a>
            </div>
          </div>
        </div>
        
        <!-- 推荐课程卡片 2 -->
        <div class="bg-white rounded-xl shadow-md overflow-hidden transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
          <div class="relative">
            <img src="../images/homeimages/course2.jpg" alt="云计算与大数据" class="w-full h-40 object-cover">
            <div class="absolute top-2 right-2 bg-green-600 text-white text-xs font-medium px-2 py-1 rounded">
              新课
            </div>
          </div>
          <div class="p-4">
            <h3 class="font-bold text-gray-900 mb-1">云计算与大数据</h3>
            <div class="flex items-center text-sm text-gray-500 mb-2">
              <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
              <span>李教授</span>
              <span class="mx-2">•</span>
              <i class="fa-solid fa-graduation-cap mr-1"></i>
              <span>计算机学院</span>
            </div>
            <p class="text-sm text-gray-600 mb-3 line-clamp-2">
              本课程介绍云计算和大数据的基本概念、技术和应用，包括分布式计算、数据存储和分析等内容。
            </p>
            <div class="flex justify-between items-center">
              <div class="flex items-center">
                <div class="flex text-yellow-400">
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-regular fa-star"></i>
                </div>
                <span class="ml-1 text-sm text-gray-600">4.0</span>
              </div>
              <a href="#" class="text-blue-600 hover:text-blue-800 text-sm font-medium">查看详情</a>
            </div>
          </div>
        </div>
        
        <!-- 推荐课程卡片 3 -->
        <div class="bg-white rounded-xl shadow-md overflow-hidden transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
          <div class="relative">
            <img src="../images/homeimages/course3.jpg" alt="区块链技术" class="w-full h-40 object-cover">
          </div>
          <div class="p-4">
            <h3 class="font-bold text-gray-900 mb-1">区块链技术</h3>
            <div class="flex items-center text-sm text-gray-500 mb-2">
              <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
              <span>赵教授</span>
              <span class="mx-2">•</span>
              <i class="fa-solid fa-graduation-cap mr-1"></i>
              <span>信息学院</span>
            </div>
            <p class="text-sm text-gray-600 mb-3 line-clamp-2">
              本课程介绍区块链的基本原理、技术架构和应用场景，包括加密算法、智能合约和分布式账本等内容。
            </p>
            <div class="flex justify-between items-center">
              <div class="flex items-center">
                <div class="flex text-yellow-400">
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star"></i>
                  <i class="fa-solid fa-star-half-stroke"></i>
                  <i class="fa-regular fa-star"></i>
                </div>
                <span class="ml-1 text-sm text-gray-600">3.5</span>
              </div>
              <a href="#" class="text-blue-600 hover:text-blue-800 text-sm font-medium">查看详情</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- 热门课程 -->
    <section class="mb-8">
      <div class="flex justify-between items-center mb-4">
        <h2 class="text-xl font-bold text-gray-900">热门课程</h2>
        <a href="../html/selectcoursecenter.html" class="text-blue-600 hover:text-blue-800 flex items-center">
          查看更多 <i class="fa-solid fa-angle-right ml-1"></i>
        </a>
      </div>
      
      <div class="overflow-x-auto">
        <div class="flex space-x-4 pb-4">
          <!-- 热门课程卡片 1 -->
          <div class="bg-white rounded-xl shadow-md overflow-hidden min-w-[280px] transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
            <div class="p-4">
              <div class="flex items-start justify-between mb-2">
                <h3 class="font-bold text-gray-900">Python编程基础</h3>
                <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded">
                  公共课
                </span>
              </div>
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
                <span>陈老师</span>
              </div>
              <div class="flex items-center justify-between mb-3">
                <div class="flex items-center">
                  <div class="flex text-yellow-400">
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                  </div>
                  <span class="ml-1 text-sm text-gray-600">5.0</span>
                </div>
                <span class="text-sm font-medium">3.0学分</span>
              </div>
              <div class="w-full bg-gray-200 rounded-full h-1.5 mb-2">
                <div class="bg-blue-600 h-1.5 rounded-full" style="width: 95%"></div>
              </div>
              <div class="flex justify-between text-xs text-gray-500">
                <span>选课进度</span>
                <span>285/300</span>
              </div>
            </div>
          </div>
          
          <!-- 热门课程卡片 2 -->
          <div class="bg-white rounded-xl shadow-md overflow-hidden min-w-[280px] transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
            <div class="p-4">
              <div class="flex items-start justify-between mb-2">
                <h3 class="font-bold text-gray-900">计算机组成原理</h3>
                <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded">
                  必修课
                </span>
              </div>
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
                <span>刘老师</span>
              </div>
              <div class="flex items-center justify-between mb-3">
                <div class="flex items-center">
                  <div class="flex text-yellow-400">
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-regular fa-star"></i>
                  </div>
                  <span class="ml-1 text-sm text-gray-600">4.0</span>
                </div>
                <span class="text-sm font-medium">4.0学分</span>
              </div>
              <div class="w-full bg-gray-200 rounded-full h-1.5 mb-2">
                <div class="bg-blue-600 h-1.5 rounded-full" style="width: 88%"></div>
              </div>
              <div class="flex justify-between text-xs text-gray-500">
                <span>选课进度</span>
                <span>220/250</span>
              </div>
            </div>
          </div>
          
          <!-- 热门课程卡片 3 -->
          <div class="bg-white rounded-xl shadow-md overflow-hidden min-w-[280px] transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
            <div class="p-4">
              <div class="flex items-start justify-between mb-2">
                <h3 class="font-bold text-gray-900">算法设计与分析</h3>
                <span class="bg-purple-100 text-purple-800 text-xs font-medium px-2 py-0.5 rounded">
                  专业选修课
                </span>
              </div>
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
                <span>孙老师</span>
              </div>
              <div class="flex items-center justify-between mb-3">
                <div class="flex items-center">
                  <div class="flex text-yellow-400">
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star-half-stroke"></i>
                  </div>
                  <span class="ml-1 text-sm text-gray-600">4.5</span>
                </div>
                <span class="text-sm font-medium">4.0学分</span>
              </div>
              <div class="w-full bg-gray-200 rounded-full h-1.5 mb-2">
                <div class="bg-blue-600 h-1.5 rounded-full" style="width: 92%"></div>
              </div>
              <div class="flex justify-between text-xs text-gray-500">
                <span>选课进度</span>
                <span>138/150</span>
              </div>
            </div>
          </div>
          
          <!-- 热门课程卡片 4 -->
          <div class="bg-white rounded-xl shadow-md overflow-hidden min-w-[280px] transform hover:shadow-lg hover:-translate-y-1 transition-all duration-300">
            <div class="p-4">
              <div class="flex items-start justify-between mb-2">
                <h3 class="font-bold text-gray-900">软件工程</h3>
                <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-0.5 rounded">
                  必修课
                </span>
              </div>
              <div class="flex items-center text-sm text-gray-500 mb-3">
                <i class="fa-solid fa-chalkboard-teacher mr-1"></i>
                <span>周老师</span>
              </div>
              <div class="flex items-center justify-between mb-3">
                <div class="flex items-center">
                  <div class="flex text-yellow-400">
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-solid fa-star"></i>
                    <i class="fa-regular fa-star"></i>
                  </div>
                  <span class="ml-1 text-sm text-gray-600">4.0</span>
                </div>
                <span class="text-sm font-medium">3.0学分</span>
              </div>
              <div class="w-full bg-gray-200 rounded-full h-1.5 mb-2">
                <div class="bg-blue-600 h-1.5 rounded-full" style="width: 75%"></div>
              </div>
              <div class="flex justify-between text-xs text-gray-500">
                <span>选课进度</span>
                <span>180/240</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <!-- 公告通知 -->
    <section>
      <div class="flex justify-between items-center mb-4">
        <h2 class="text-xl font-bold text-gray-900">公告通知</h2>
        <a href="#" class="text-blue-600 hover:text-blue-800 flex items-center">
          查看全部 <i class="fa-solid fa-angle-right ml-1"></i>
        </a>
      </div>
      
      <div class="bg-white rounded-xl shadow-md overflow-hidden">
        <div class="divide-y divide-gray-100">
          <a href="#" class="block p-4 hover:bg-gray-50 transition-colors">
            <div class="flex justify-between">
              <h3 class="font-medium text-gray-900">2023-2024学年第一学期选课通知</h3>
              <span class="text-sm text-gray-500">2023-08-25</span>
            </div>
            <p class="text-sm text-gray-600 mt-1 line-clamp-1">
              2023-2024学年第一学期选课系统已开放，选课时间为2023年9月1日至9月15日，请同学们及时选课。
            </p>
          </a>
          
          <a href="#" class="block p-4 hover:bg-gray-50 transition-colors">
            <div class="flex justify-between">
              <h3 class="font-medium text-gray-900">关于调整部分课程上课时间的通知</h3>
              <span class="text-sm text-gray-500">2023-08-20</span>
            </div>
            <p class="text-sm text-gray-600 mt-1 line-clamp-1">
              因教师安排调整，部分课程的上课时间有所变动，请同学们留意个人课表的更新。
            </p>
          </a>
          
          <a href="#" class="block p-4 hover:bg-gray-50 transition-colors">
            <div class="flex justify-between">
              <h3 class="font-medium text-gray-900">新增部分选修课程的通知</h3>
              <span class="text-sm text-gray-500">2023-08-15</span>
            </div>
            <p class="text-sm text-gray-600 mt-1 line-clamp-1">
              本学期新增了部分选修课程，包括人工智能基础、区块链技术等，请同学们根据自己的兴趣进行选择。
            </p>
          </a>
          
          <a href="#" class="block p-4 hover:bg-gray-50 transition-colors">
            <div class="flex justify-between">
              <h3 class="font-medium text-gray-900">教材购买指南</h3>
              <span class="text-sm text-gray-500">2023-08-10</span>
            </div>
            <p class="text-sm text-gray-600 mt-1 line-clamp-1">
              本学期教材可通过学校图书馆网站或校园书店购买，具体购买方式和时间请查看详细指南。
            </p>
          </a>
        </div>
      </div>
    </section>
  </main>

  <!-- 页脚 -->
  <footer class="bg-gray-800 text-white py-12">
    <div class="container mx-auto px-4 md:px-6">
      <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
        <div>
          <h3 class="text-lg font-bold mb-4">学生选课系统</h3>
          <p class="text-gray-400 text-sm">为学生提供便捷的选课服务和个人信息管理</p>
        </div>
        
        <div>
          <h3 class="text-lg font-bold mb-4">快速链接</h3>
          <ul class="space-y-2 text-sm">
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">首页</a></li>
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">选课中心</a></li>
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">课程表</a></li>
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">成绩查询</a></li>
          </ul>
        </div>
        
        <div>
          <h3 class="text-lg font-bold mb-4">帮助支持</h3>
          <ul class="space-y-2 text-sm">
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">使用指南</a></li>
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">意见反馈</a></li>
          </ul>
        </div>
        
        <div>
          <h3 class="text-lg font-bold mb-4">联系我们</h3>
          <ul class="space-y-2 text-sm">
            <li class="flex items-center text-gray-400">
              <i class="fa-solid fa-envelope mr-2"></i>
              <span>support@example.com</span>
            </li>
            <li class="flex items-center text-gray-400">
              <i class="fa-solid fa-phone mr-2"></i>
              <span>010-12345678</span>
            </li>
            <li class="flex items-center text-gray-400">
              <i class="fa-solid fa-map-marker-alt mr-2"></i>
              <span>博雅甲512</span>
            </li>
          </ul>
        </div>
      </div>
      
      <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400 text-sm">
        <p>© 2023 学生选课系统 版权所有</p>
      </div>
    </div>
  </footer>

  <!-- 脚本 -->
  <script src="../js/home.js"></script>
</body>
</html>
    